﻿//VARIABLES PARA LA PAGINACION BUSQUEDA MP
//var tableName = "";
//var itemsPerPage = 0;
//var currentPage = 1;
//var pages = 0;
//var inited = false;
var ultimo_id;

$(document).ready(main);

function main() {
    //paginacion prueba
//    $(function () {
//        /* initiate the plugin */
//        $("#holder2").jPages({
//            containerID: "cuerpo",
//            perPage: 4,
//            delay: 20,
//            startPage: 2,
////            startRange: 1,
//            midRange: 3,
//            animation: "flipInY"
////            endRange: 1
//        });
//    });

//REGISTRAR
    $("#FechaRegistroR").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#FechaInicialR").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#FechaFinalR").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#botonRegistroCP").click(registrarContratoPreventivo);
    $("#botonCancelarCP").click(menuContratoPreventivo);
    $("#botonBuscarEdif").click(buscarEdificio);
    $("#BotonBuscarMant").click(buscarMantenible);    
    $("#botonBuscarProv").click(buscarProveedor);

    $("#BuscarEdificio").button({
        icons: {
            primary: "ui-icon-search"
        },
        text: false
    });

    $("#BuscarProveedor").button({
        icons: {
            primary: "ui-icon-search"
        },
        text: false
    });

    $("#AddMantenible").button({
        icons: {
            primary: "ui-icon-plus"
        },
        text: false
    });
    $("#DelMantenible").button({
        icons: {
            primary: "ui-icon-minus"
        },
        text: false
    });
    $('#DelMantenible').attr('disabled', 'disabled');
    $('#AddMantenible').click(agregarMant);
    $('#DelMantenible').click(eliminarMant);

    formatoBuscar('1');
    buscarMantenibles(1);
    cargarDepartamentos();
    ProvModal();
    //paginacion('bodyTablaMant', 1);

    //BUSQUEDA
    $("#FechaInicioB").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#FechaFinB").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#botonCancelarB").click(menuContratoPreventivo);
    $("#botonModificarCPB").hide();
    $("#botonEliminarCPB").hide();
    $("#botonEliminarCPB").click(eliminarContratoPreventivo);
    $("#botonLimpiarCPB").click(LimpiarBusquedaCP);
    $("#botonBusquedaB").click(buscarContratoPreventivo);
    $("#FechaModificar").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#FechaInicioModificar").datepicker({ dateFormat: 'dd/mm/yy' });
    $("#FechaFinModificar").datepicker({ dateFormat: 'dd/mm/yy' });
    modificarDetalle('Detalle1');
}


//refrescar registrarCP modal edificio
function refrescar() {

    document.getElementById("Nombre").value = "";
    document.getElementById("Direccion").value = "";
//    document.getElementById("Telefono").value = "";

//    document.getElementById("Cuenta").value = "";

    $("input:radio[name='Contometro']")[0].checked = false;
    $("input:radio[name='Contometro']")[1].checked = false;

    $("input:radio[name='Prorrateo']")[0].checked = false;
    $("input:radio[name='Prorrateo']")[1].checked = false;

//    jQuery("#Banco option").each(function () {
//        if (jQuery(this).val() == "") {
//            jQuery(this).attr("selected", "selected");
//            return false;
//        }
//    });


    jQuery("#Departamento option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#Provincia option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#Distrito option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });
}

//refrescar proveedor
function refrescarProv() {

    document.getElementById("RazonSocialProv").value = "";

    jQuery("#DepartamentoProv option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#ProvinciaProv option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });

    jQuery("#DistritoProv option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });
}

//refrescar mantenible
function refrescarMant() {

    $("input:radio[name='TipoMant']")[0].checked = false;
    $("input:radio[name='TipoMant']")[1].checked = false;

    jQuery("#AreaComunMant option").each(function () {
        jQuery(this).attr("selected", "selected");
        if (jQuery(this).val() == "") {
            jQuery(this).attr("selected", "selected");
            return false;
        }
    });
}

// cargar departamentos prov
function cargarDepartamentosProv() {
    var enviar = {
            id_edificio: $("#EdificioAutocompletado").attr("name")
        }

    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarDepartamentosProv",
        success: function (data) {

            console.log(data);

            var lista = data.listaDepartamentoProv;

            $("#DepartamentoProv").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#DepartamentoProv").append("<option value = \"" + item.Id_Departamento + "\">" + item.Nombre + "</option>");
            });
        }
    });
}

// cargar departamentos
function cargarDepartamentos() {
    var enviar = {
        EdificioAutocompletado: "",
        Id_Departamento: ""
    }

    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarDepartamentos",
        success: function (data) {

            console.log(data);

            var lista = data.listaDepartamentoPeru;

            $("#Departamento").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#Departamento").append("<option value = \"" + item.Id_Departamento + "\">" + item.Nombre + "</option>");
            });
        }
    });
}

//cargar provincias
function cargarProvincias() {

    var enviar = {
        Nombre: "",
        Id_Departamento: $("#Departamento").val(),
        Id_Provincia: ""
    }

    console.log(enviar);

    var jsonData;

    jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarProvincias",
        success: function (data) {

            console.log(data);

            var lista = data.listaProvinciaPeru;

            $("#Provincia").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#Provincia").append("<option value = \"" + item.Id_Provincia + "\">" + item.Nombre + "</option>");
            });
        }
    });
}

//cargar provincias proveedor
function cargarProvinciasProv() {

    var enviar = {
        Nombre: "",
        Id_Departamento: $("#DepartamentoProv").val(),
        id_edificio: $("#EdificioAutocompletado").attr("name"),
        Id_Provincia: ""
    }

    console.log(enviar);

    var jsonData;

    jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarProvinciasProv",
        success: function (data) {

            console.log(data);

            var lista = data.listaProvinciaPeru;

            $("#ProvinciaProv").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#ProvinciaProv").append("<option value = \"" + item.Id_Provincia + "\">" + item.Nombre + "</option>");
            });
        }
    });
}

// cargar distritos
function cargarDistritos() {

    var enviar = {
        Nombre: "",
        Id_Provincia: $("#Provincia").val(),
        Id_Distrito: ""
    }


    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarDistritos",
        success: function (data) {

            console.log(data);

            var lista = data.listaDistritoPeru;

            $("#Distrito").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#Distrito").append("<option value = \"" + item.Id_Distrito + "\">" + item.Nombre + "</option>");
            });


        }
    });
}

// cargar distritos proveedor
function cargarDistritosProv() {

    var enviar = {
        Nombre: "",
        Id_Provincia: $("#ProvinciaProv").val(),
        Id_Distrito: ""
    }


    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarDistritos",
        success: function (data) {

            console.log(data);

            var lista = data.listaDistritoPeru;

            $("#DistritoProv").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#DistritoProv").append("<option value = \"" + item.Id_Distrito + "\">" + item.Nombre + "</option>");
            });


        }
    });
}

// Buscar mantenibles boton busqueda
function formatoBuscar(buscar) {
    $('#' + buscar).button({
        icons: {
            primary: "ui-icon-search"
        },
        text: false
    });
}


//BUSQUEDA MANTENIBLES
function buscarMantenibles(idBuscar) {
    var nameB = "",
        emailB = "",
        passwordB = "",
        allFields = $([]).add(nameB).add(emailB).add(passwordB),
        tips = $(".validateTips");

    function updateTips(t) {
        tips
                .text(t)
                .addClass("ui-state-highlight");
        setTimeout(function () {
            tips.removeClass("ui-state-highlight", 1500);
        }, 500);
    }



    $("#modalBuscarMant").dialog({
        autoOpen: false,
        height: 600,
        width: 850,
        modal: true,
        buttons: {
            "Aceptar": function () {
                var bValid = true;
                allFields.removeClass("ui-state-error");
                if (bValid) {
                    if ($("input:radio[name='RMant']").is(":checked")) {
                        var idMantenible, nombreMantenible, tipoMantenible, areaComun;
                        $("input:radio[name='RMant']:checked").parents("tr").children("td").each(function (index2) {
                            switch (index2) {
                                case 1:
                                    idMantenible = $(this).text();
                                    break;
                                case 2:
                                    nombreMantenible = $(this).text();
                                    break;
                                case 4:
                                    tipoMantenible = $(this).text();
                                    break;
                                case 5:
                                    areaComun = $(this).text();
                                    break;
                            }
                        })
                        //alert(idMantenible + ' - ' + nombreMantenible + ' - ' + tipoMantenible + ' - ' + areaComun);
                        //alert("idMantenible" + idBuscar);
                        var numero = document.getElementById("numBuscar").innerHTML;
                        if (existeMantenible(idMantenible)) alert("Ya se escogio este mantenible");
                        else {
                            document.getElementById("idMantenible" + numero).innerHTML = idMantenible;
                            document.getElementById("NombreMantenible" + numero).innerHTML = nombreMantenible;
                            document.getElementById("TipoMantenible" + numero).innerHTML = tipoMantenible;
                            document.getElementById("AreaComun" + numero).innerHTML = areaComun;
                            $(this).dialog("close");
                        }
                    }
                    else {
                        alert("Debe seleccionar una fila");
                    }
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });

    $("#" + idBuscar).click(function () {
        if ($("#EdificioAutocompletado").val() != "") {
            document.getElementById("numBuscar").innerHTML = idBuscar;
            document.getElementById("EdificioMant").value = $("#EdificioAutocompletado").val();
            document.getElementById("EdificioMant").name = $("#EdificioAutocompletado").attr("name");
            selectAreaComun($("#EdificioAutocompletado").attr("name"));
            //alert(idBuscar);
            $("#modalBuscarMant").dialog("open");
        }
        else alert('Debe ingresar un edificio');
    });

};


function existeMantenible(codMant) {
    var numCP = $('.idMantenible').length;
    for (var i = 1; i <= numCP; i++) {
        if (document.getElementById("idMantenible" + i) != null)
            if (document.getElementById("idMantenible" + i).innerHTML === codMant) return true; 
    }
    return false;
}

//select mantenible
function selectAreaComun(idEdificio) {
    var enviar = {
        Id_Edificio: idEdificio
    }
    console.log(enviar);
    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "cargarSelectAreaComun",
        success: function (data) {

            console.log(data);

            var lista = data.listaAreaComun;

            $("#AreaComunMant").find('option').remove().end().append("<option></option>");
            $.each(lista, function (i, item) {
                $("#AreaComunMant").append("<option value = \"" + item.Id_Area_Comun + "\">" + item.Nombre_Area + "</option>");
            });


        }
    });
}

// Buscar Mantenible - registrarCP
function buscarMantenible() {

    var enviar = {
        ID_Edificio: $("#EdificioMant").attr("name"),
        tipo_mantenible: $("input[name='TipoMant']:checked").val(),
        id_area_comun: $("#AreaComunMant").val()
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarMantenible",
        beforeSend: esperarListaMantenible(),
        success: llegadaListaMantenible
    });
}

function esperarListaMantenible() {

}
function llegadaListaMantenible(data) {

    console.log(data);


    var lista = data.listaMantenible;

    var escritor = "";


    if (lista.length > 0) {
        escritor += '<table id="tablaMantenible"><thead><tr><th></th>' +
                                       '<th>Cod. Mantenible</th>' +
                                       '<th>Nombre</th>' +
                                       '<th style="display:none">idEdificio</th>' +
                                       '<th>Tipo Mantenible</th>' +
                                       '<th>Area Comun</th>' +
                                       '</tr></thead>';

        escritor += "<tbody id='cuerpoMantenible'>"

        $.each(lista, function (i, item) {

            escritor += "<tr>";

            escritor += '<td>' + "<input id=" + "\"RadioButton1\" " + "name=" + "\"RMant\" " + "type=" + "\"radio\" " + "value=" + "\"1\"" + "/>" + '</td>';

            escritor += '<td>' + item.ID_Mantenible + '</td>';
            escritor += '<td>' + item.Nombre + '</td>';
            escritor += '<td style="display:none">' + item.ID_Edificio + '</td>';
            escritor += '<td>' + item.tipo_mantenible + '</td>';
            escritor += '<td>' + item.nombre_area + '</td>';
            escritor += "</tr>";
        });

        escritor += "</tbody>";

        escritor += "</table>";

        $("#tablaDinamicaMantenible").html(escritor);

        if (lista.length > 0) {
            $("#holderMantenible").jPages({
                containerID: "cuerpoMantenible",
                perPage: 10,
                delay: 20,
                startPage: 1,
                midRange: 3,
                animation: "flipInY"
            });
            $("#holderMantenible").show();
        }

    }
    else {
        escritor += "<p>No se encontró ninguna coincidencia</p>";
        $("#tablaDinamicaMantenible").html(escritor);
        $("#holderMantenible").hide();
    }
}

function menuContratoPreventivo() {
    window.history.back();
}

function agregarMant() {
    var numCP = $('.idMantenible').length;
    var nuevo = new Number(numCP + 1);

    if (numCP == 1) paginacion('bodyTablaMant', 1);

    $("#tablaMant tbody").append('<tr id="Fila' + nuevo + '">' +
                                    '<td class="idMantenible" id="idMantenible' + nuevo + '"></td>' +
                                    '<td class="NombreMantenible" id="NombreMantenible' + nuevo + '"></td>' +
                                    '<td class="TipoMantenible" id="TipoMantenible' + nuevo + '"></td>' +
                                    '<td class="AreaComun" id="AreaComun' + nuevo + '"></td>' +
                                    '<td class="style1" style="width:30px;" align="center"><button class="Buscar" id="' + nuevo + '" style="margin-left:auto; margin-right:auto;">Mantenible</button></td>' +
                                "</tr>");

//    var numBusqueda = new Number(numCP + 1);

    formatoBuscar(nuevo);
    buscarMantenibles(nuevo);
    var pagee = Math.floor(new Number((numCP / 10) + 1));

    $("#holder1").jPages("destroy");
    paginacion("bodyTablaMant", pagee);

//    setearValores('tablaMant', 10);
//    init();
//    showPageNav('pager', 'NavPosicionCP');
//    showPage(Math.floor(new Number((numCP / 10) + 1)));

    $('#DelMantenible').attr('disabled', false);
}

function eliminarMant() {
    var numElim = $('.idMantenible').length; // how many "duplicatable" input fields we currently have
    $('#Fila' + numElim).remove();

    if (numElim - 1 == 1)
        $('#DelMantenible').attr('disabled', 'disabled');

    var elim = new Number(numElim - 2);
    elim = Math.floor(elim / 10);
    elim++;

    $("#holder1").jPages("destroy");
    paginacion("bodyTablaMant", elim);
}

function paginacion(bodyTabla, pagina) {
    $("#holder1").jPages({//id del holder al igual que el navPosicion del chato
        containerID: bodyTabla, //id del tbody de la tabla
        perPage: 10,
        delay: 20,
        midRange: 3,
        startPage: pagina,
        animation: "flipInY"
    });
};

//Buscar Edificios Modal
$(function () {
    var nameB = "",
        emailB = "",
        passwordB = "",
        allFields = $([]).add(nameB).add(emailB).add(passwordB),
        tips = $(".validateTips");

    function updateTips(t) {
        tips
                .text(t)
                .addClass("ui-state-highlight");
        setTimeout(function () {
            tips.removeClass("ui-state-highlight", 1500);
        }, 500);
    }

    $("#edificioModal").dialog({
        autoOpen: false,
        height: 600,
        width: 850,
        modal: true,
        buttons: {
            "Aceptar": function () {
                var bValid = true;
                allFields.removeClass("ui-state-error");
                if (bValid) {
                    if ($("input:radio[name='R1']").is(":checked")) {
                        var nombreEdificio, idDistrito, Direccion, telefono, idBanco, numCuenta, contometro, prorrateo, ganancia, pagoInmob, cajaChica, idEdificio, numPisos, numSotanos, idDept, idProv;
                        $("input:radio[name='R1']:checked").parents("tr").children("td").each(function (index2) {
                            switch (index2) {
                                case 1:
                                    nombreEdificio = $(this).text();
                                    break;
                                case 2:
                                    idDistrito = $(this).text();
                                    break;
                                case 3:
                                    Direccion = $(this).text();
                                    break;
                                case 4:
                                    telefono = $(this).text();
                                    break;
                                case 5:
                                    idBanco = $(this).text();
                                    break;
                                case 6:
                                    numCuenta = $(this).text();
                                    break;
                                case 7:
                                    contometro = $(this).text();
                                    break;
                                case 8:
                                    prorrateo = $(this).text();
                                    break;
                                case 9:
                                    ganancia = $(this).text();
                                    break;
                                case 10:
                                    pagoInmob = $(this).text();
                                    break;
                                case 11:
                                    cajaChica = $(this).text();
                                    break;
                                case 12:
                                    idEdificio = $(this).text();
                                    break;
                                case 13:
                                    numPisos = $(this).text();
                                    break;
                                case 14:
                                    numSotanos = $(this).text();
                                    break;
                                case 15:
                                    idDept = $(this).text();
                                    break;
                                case 16:
                                    idProv = $(this).text();
                                    break;
                            }
                        })

                        //alert(idMantenible);
                        document.getElementById("ProveedorAutocompletado").value = "";
                        document.getElementById("ProveedorAutocompletado").name = "";
                        document.getElementById("EdificioAutocompletado").value = nombreEdificio;
                        document.getElementById("EdificioAutocompletado").name = idEdificio;
                        $(this).dialog("close");
                        $('#tablaEdificio').remove();
                        $("#holderEdificio").hide();
                        refrescar();
                    }
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });

    $("#BuscarEdificio").click(function () { $("#edificioModal").dialog("open"); });

});

// Buscar edificio - registrarCP
function buscarEdificio() {

    var enviar = {
        Nombre: $("#Nombre").attr("value"),
        Id_Distrito: $("#Distrito").val(),
        Id_Provincia: $("#Provincia").val(),
        Id_Departamento: $("#Departamento").val(),
        Direccion: $("#Direccion").attr("value"),
        //Telefono: $("#Telefono").attr("value"),
        Telefono: "",
        Contometro: $("input[name='Contometro']:checked").val(),
        Tipo_Prorrateo: $("input[name='Prorrateo']:checked").val(),
        //        Id_Banco: $("#Banco").val(),
        Id_Banco: "",
        //Cuenta: $("#Cuenta").attr("value")
        Cuenta:""
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarEdificio",
        beforeSend: esperarListaEdificio(),
        success: llegadaListaEdificio
    });
}

function esperarListaEdificio() {

}
function llegadaListaEdificio(data) {

    console.log(data);


    var lista = data.listaEdificio;

    var escritor = "";


    if (lista.length > 0) {
        escritor += '<table id="tablaEdificio"><thead><tr><th></th>' +
                                       '<th>Nombre</th>' +
                                       '<th style="display:none">Id_Distrito</th>' +
                                       '<th>Dirección</th>' +
                                       '<th style="display:none">Teléfono</th>' +
                                       '<th style="display:none">Id_Banco</th>' +
                                       '<th style="display:none">Número de Cuenta</th>' +
                                       '<th>Contómetro</th>' +
                                       '<th>Prorrateo</th>' +
                                       '<th style="display:none">Ganancia</th>' +
                                       '<th style="display:none">Pago_Inmobiliaria</th>' +
                                       '<th style="display:none">Caja_Chica</th>' +
                                       '<th style="display:none">Id_Edificio</th>' +
                                       '<th style="display:none">Num_Pisos</th>' +
                                       '<th style="display:none">Num_Sotanos</th>' +
                                       '<th style="display:none">Id_Departamento</th>' +
                                       '<th style="display:none">Id_Provincia</th>' +
                                       '</tr></thead>';

        escritor += "<tbody id='cuerpoEdificios'>"

        $.each(lista, function (i, item) {

            escritor += "<tr>";

            escritor += '<td>' + "<input id=" + "\"RadioButton1\" " + "name=" + "\"R1\" " + "type=" + "\"radio\" " + "value=" + "\"1\"" + "/>" + '</td>';

            escritor += '<td>' + item.Nombre + '</td>';
            escritor += '<td style="display:none">' + item.Id_Distrito + '</td>';
            escritor += '<td>' + item.Direccion + '</td>';
            escritor += '<td style="display:none">' + item.Telefono + '</td>';
            escritor += '<td style=\"display:none\">' + item.Id_Banco + '</td>';
            escritor += '<td style="display:none"> ' + item.Cuenta + '</td>';
            if (item.Contometro === 1) {
                escritor += '<td>' + "Si" + '</td>';
            }
            else {
                escritor += '<td>' + "No" + '</td>';
            }
            escritor += '<td>' + item.Tipo_Prorrateo + '</td>';
            escritor += '<td style=\"display:none\">' + item.Ganancia + '</td>';
            escritor += '<td style=\"display:none\">' + item.Pago_Inmobiliaria + '</td>';
            escritor += '<td style=\"display:none\">' + item.Caja_Chica + '</td>';
            escritor += '<td style=\"display:none\">' + item.Id_Edificio + '</td>';
            escritor += '<td style=\"display:none\">' + item.Num_Pisos + '</td>';
            escritor += '<td style=\"display:none\">' + item.Num_Sotanos + '</td>';
            escritor += '<td style=\"display:none\">' + item.Id_Departamento + '</td>';
            escritor += '<td style=\"display:none\">' + item.Id_Provincia + '</td>';
            escritor += "</tr>";
        });

        escritor += "</tbody>";

        escritor += "</table>";

        $("#tablaDinamicaEdificio").html(escritor);

        if (lista.length > 0) {
            $("#holderEdificio").jPages({
                containerID: "cuerpoEdificios",
                perPage: 10,
                delay: 20,
                startPage: 1,
                midRange: 3,
                animation: "flipInY"
            });
            $("#holderEdificio").show();
        }

    }
    else {
        escritor += "<p>No se encontró ninguna coincidencia</p>";
        $("#tablaDinamicaEdificio").html(escritor);
        $("#holderEdificio").hide();
    }
}

//Buscar Proveedor modal
function ProvModal() {
    var nameB = "",
        emailB = "",
        passwordB = "",
        allFields = $([]).add(nameB).add(emailB).add(passwordB),
        tips = $(".validateTips");

    function updateTips(t) {
        tips
                .text(t)
                .addClass("ui-state-highlight");
        setTimeout(function () {
            tips.removeClass("ui-state-highlight", 1500);
        }, 500);
    }   

    $("#proveedorModal").dialog({
        autoOpen: false,
        height: 600,
        width: 850,
        modal: true,
        buttons: {
            "Aceptar": function () {
                var bValid = true;
                allFields.removeClass("ui-state-error");
                if (bValid) {
                    if ($("input:radio[name='RProv']").is(":checked")) {
                        var id_Proveedor, RazonSocial, Direccion, nombre_departamento, telefono, id_Distrito, Contacto, TelefonoContacto, Observaciones, Correo, CargoContacto, Web, estado, RUC, id_provincia, id_departamento;
                        $("input:radio[name='RProv']:checked").parents("tr").children("td").each(function (index2) {
                            switch (index2) {
                                case 1:
                                    id_Proveedor = $(this).text();
                                    break;
                                case 2:
                                    RazonSocial = $(this).text();
                                    break;
                                case 3:
                                    Direccion = $(this).text();
                                    break;
                                case 4:
                                    nombre_departamento = $(this).text();
                                    break;
                                case 5:
                                    telefono = $(this).text();
                                    break;
                                case 6:
                                    id_Distrito = $(this).text();
                                    break;
                                case 7:
                                    Contacto = $(this).text();
                                    break;
                                case 8:
                                    TelefonoContacto = $(this).text();
                                    break;
                                case 9:
                                    Observaciones = $(this).text();
                                    break;
                                case 10:
                                    Correo = $(this).text();
                                    break;
                                case 11:
                                    CargoContacto = $(this).text();
                                    break;
                                case 12:
                                    Web = $(this).text();
                                    break;
                                case 13:
                                    estado = $(this).text();
                                    break;
                                case 14:
                                    RUC = $(this).text();
                                    break;
                                case 15:
                                    id_provincia = $(this).text();
                                    break;
                                case 16:
                                    id_departamento = $(this).text();
                                    break;
                            }
                        })

                        //alert(idMantenible);
                        document.getElementById("ProveedorAutocompletado").value = RazonSocial;
                        document.getElementById("ProveedorAutocompletado").name = id_Proveedor;
                        $(this).dialog("close");
                        $('#tablaProveedor').remove();
                        $("#holderProveedor").hide();
                        refrescarProv();
                    }
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });

//    $("#BuscarProveedor").click(function (){ $("#proveedorModal").dialog("open"); });

    $("#BuscarProveedor").click(function ProvModal() {
        if ($("#EdificioAutocompletado").val() != "") {
            cargarDepartamentosProv();
            $("#proveedorModal").dialog("open");
        }
        else alert("Debe ingresar un edificio");
    });
};

//buscar proveedor - registrar CP
function buscarProveedor() {

    var enviar = {
        RazonSocial: $("#RazonSocialProv").attr("value"),
        id_departamento: $("#DepartamentoProv").val(),
        id_provincia: $("#ProvinciaProv").val(),
        id_distrito: $("#DistritoProv").attr("value"),
        id_edificio: $("#EdificioAutocompletado").attr("name")
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarProveedorContrato",
        beforeSend: esperarListaProv(),
        success: llegadaListaProv
    });
}

function esperarListaProv() {

}

function llegadaListaProv(data) {

    console.log(data);


    var lista = data.listaProveedor;

    var escritor = "";


    if (lista.length > 0) {
        escritor += '<table id="tablaProveedor">' +
                        '<thead>' +
                            '<tr>' +
                                '<th></th>' +
                                '<th style="display:none">id_Proveedor</th>' +
                                '<th>Razon Social</th>' +
                                '<th>Direccion</th>' +
                                '<th>Departamento</th>' +
                                '<th>Provincia</th>' +
                                '<th>Distrito</th>' +
                                '<th style="display:none">Telefono</th>' +
                                '<th style="display:none">id_Distrito</th>' +
                                '<th style="display:none">Contacto</th>' +
                                '<th style="display:none">Telefono Contacto</th>' +
                                '<th style="display:none">Observaciones</th>' +
                                '<th style="display:none">Correo</th>' +
                                '<th style="display:none">Cargo Contacto</th>' +
                                '<th style="display:none">Web</th>' +
                                '<th style="display:none">estado</th>' +
                                '<th style="display:none">RUC</th>' +
                                '<th style="display:none">id_provincia</th>' +
                                '<th style="display:none">id_departamento</th>' +
                            '</tr>' +
                        '</thead>';

        escritor += "<tbody id='cuerpoProveedor'>"

        $.each(lista, function (i, item) {

            escritor += "<tr>";
            escritor += '<td><input id="RadioButtonProv" name="RProv" type="radio" value="1"/></td>';
            escritor += '<td style="display:none">' + item.Id_Proveedor + '</td>';
            escritor += '<td>' + item.RazonSocial + '</td>';
            escritor += '<td>' + item.Direccion + '</td>';
            escritor += '<td>' + item.nombre_departamento + '</td>';
            escritor += '<td>' + item.nombre_provincia + '</td>';
            escritor += '<td>' + item.nombre_distrito + '</td>';
            escritor += '<td style="display:none">' + item.Telefono + '</td>';
            escritor += '<td style="display:none">' + item.Id_Distrito + '</td>';
            escritor += '<td style="display:none"> ' + item.Contacto + '</td>';
            escritor += '<td style="display:none">' + item.Telefono_Contacto + '</td>';
            escritor += '<td style=\"display:none\">' + item.Observaciones + '</td>';
            escritor += '<td style="display:none">' + item.Correo + '</td>';
            escritor += '<td style="display:none">' + item.Cargo_Contacto + '</td>';
            escritor += '<td style="display:none">' + item.Pagina_Web + '</td>';
            escritor += '<td style="display:none">' + item.Estado + '</td>';
            escritor += '<td style="display:none">' + item.RUC + '</td>';
            escritor += '<td style="display:none">' + item.Id_Provincia + '</td>';
            escritor += '<td style="display:none">' + item.Id_Departamento + '</td>';
            escritor += "</tr>";
        });

        escritor += "</tbody>";

        escritor += "</table>";

        $("#tablaDinamicaProveedor").html(escritor);

        if (lista.length > 0) {
            $("#holderProveedor").jPages({
                containerID: "cuerpoProveedor",
                perPage: 10,
                delay: 20,
                startPage: 1,
                midRange: 3,
                animation: "flipInY"
            });
            $("#holderProveedor").show();
        }

    }
    else {
        escritor += "<p>No se encontró ninguna coincidencia</p>";
        $("#tablaDinamicaProveedor").html(escritor);
        $("#holderProveedor").hide();
    }
}

//registrar contrato preventivo
function registrarContratoPreventivo() {
    var numCP = $('.idMantenible').length;
    var enviarRegistroContratoPreventivo = {
        id_edificio: $("#EdificioAutocompletado").attr("name"),
        id_proveedor: $("#ProveedorAutocompletado").attr("name"),
        fecha_registro: $("#FechaRegistroR").attr("value"),
        fecha_inicial: $("#FechaInicialR").attr("value"),
        fecha_final: $("#FechaFinalR").attr("value"),
        periodo: $("#SelectPeriodo").attr("value"),
        descripcion: $("#DescripcionR").attr("value"),
        id_mantenible: "",
        id_contrato_preventivo: "",
        opcion: 0
    }
    //alert(enviarRegistroContratoPreventivo.descripcion);
    fv = new formValidator();
    borrarErrores();

    if (fv.isEmpty(document.getElementById("EdificioAutocompletado").value)) {
        fv.raiseError("Por favor ingrese un CODIGO DE CONTRATO");
    }

    if (fv.isEmpty(document.getElementById("ProveedorAutocompletado").value)) {
        fv.raiseError("Por favor ingrese un CODIGO DE CONTRATO");
    }

    //validar tabla
    if (validarTabla() === false) {
        fv.raiseError("Por favor ingrese un datos en la tabla");
        alert("Por favor ingrese datos en la tabla");
        //document.getElementById("errorTabla").innerHTML = "ingrese datos en la tabla";
    }

    if (fv.isEmpty(document.getElementById("FechaRegistroR").value)) {
        fv.raiseError("Por favor ingrese la FECHA");
        document.getElementById("errorFechaRegistroR").innerHTML = "";
    }

    if (fv.isEmpty(document.getElementById("FechaInicialR").value)) {
        fv.raiseError("Por favor ingrese la FECHA");
        document.getElementById("errorFechaInicialR").innerHTML = "";
    }

    if (fv.isEmpty(document.getElementById("FechaFinalR").value)) {
        fv.raiseError("Por favor ingrese la FECHA");
        document.getElementById("errorFechaFinalR").innerHTML = "";
    }

    if (fv.numErrors() < 1) {
        console.log(enviarRegistroContratoPreventivo);
        for (var i = 0; i <= numCP; ++i) {
            //setTimeout(function(){},1000000000);
            alert('Agregando');
            //document.getElementById("iteracion").innerHTML = i;
            if (i == 0) {
                //registrar el contrato preventivo, se manejara en el DAO
                enviarRegistroContratoPreventivo.id_mantenible = i;
                //alert('IDMANT' + enviarRegistroContratoPreventivo.id_mantenible);//--------------------
                registrarCP(enviarRegistroContratoPreventivo);
                enviarRegistroContratoPreventivo.id_contrato_preventivo = 0;
                //alert('Se agrego correctamento el contrato');------------
                continue;
                //sleep
                //for (var j = 0; j < 100000000; j++);
            } else {//registrar contrato_preventivo_x_mantenible
                //if (document.getElementById("idMantenible" + i) != null || document.getElementById("idMantenible" + i).innerHTML != ""){
                if (document.getElementById("idMantenible" + i).innerHTML != "") {
                    enviarRegistroContratoPreventivo.id_contrato_preventivo = ultimo_id;
                    //alert('aquiiiiii: ' + ultimo_id);
                    enviarRegistroContratoPreventivo.id_mantenible = document.getElementById("idMantenible" + i).innerHTML;
                    //alert(enviarRegistroContratoPreventivo.id_mantenible + ' ---- ' + enviarRegistroContratoPreventivo.id_contrato_preventivo);
                    registrarCP(enviarRegistroContratoPreventivo);
                    //alert('Se agrego correctamento el contrato_x_mantenible');
                    continue;
                }
                continue;
            }
        }
        window.history.back();
        return true;
    }
    else {
        //fv.displayErrors();
        return false;
    }

//    for (var i = 0; i <= numCP; i++) {
//        if (i == 0) {
//            //registrar el contrato preventivo, se manejara en el DAO
//            enviarRegistroContratoPreventivo.id_mantenible = i;
//            alert(enviarRegistroContratoPreventivo.id_mantenible);
//            registrarCP(enviarRegistroContratoPreventivo);
//            enviarRegistroContratoPreventivo.id_contrato_preventivo = ultimo_id;
//        } else {//registrar contrato_preventivo_x_mantenible
//            //if (document.getElementById("idMantenible" + i) != null || document.getElementById("idMantenible" + i).innerHTML != ""){
//            if (document.getElementById("idMantenible" + i).innerHTML != ""){
//               enviarRegistroContratoPreventivo.id_mantenible = document.getElementById("idMantenible" + i).innerHTML;
//               alert(enviarRegistroContratoPreventivo.id_mantenible + ' ---- ' + enviarRegistroContratoPreventivo.id_contrato_preventivo);
//               registrarCP(enviarRegistroContratoPreventivo);
//            }
//        }
//    }
}

//validar tabla
function validarTabla(){
    var numEncontrados = 0;
    var tamTabla = $('.idMantenible').length;
    for (var i=1; i <= tamTabla; i++){
        if (document.getElementById("idMantenible" + i).innerHTML != "")
            numEncontrados++;
    }
    //alert('Encontrados: ' + numEncontrados);
    if (numEncontrados > 0) return true;
    else return false;
}

// borrar errores
function borrarErrores() {
    document.getElementById("errorFechaRegistroR").innerHTML = "";
    document.getElementById("errorFechaInicialR").innerHTML = "";
    document.getElementById("errorFechaFinalR").innerHTML = "";
}


function registrarCP(enviarRegistroContratoPreventivo) {
//    var enviarRegistroContratoPreventivo = {
//            id_edificio: $("#EdificioAutocompletado").attr("name"),
//            id_proveedor: $("#ProveedorAutocompletado").attr("name"),
//            fecha_registro: $("#FechaRegistroR").attr("value"),
//            fecha_inicial: $("#FechaInicialR").attr("value"),
//            fecha_final: $("#FechaFinalR").attr("value"),
//            periodo: $("#SelectPeriodo").attr("value"),
//            descripcion: $("#DescripcionR").attr("value")
//        }

        //alert(enviarRegistroContratoPreventivo.periodo);

//        fv = new formValidator();
//        borrarErrores();

//        if (fv.isEmpty(document.getElementById("EdificioAutocompletado").value)){
//            fv.raiseError("Por favor ingrese un CODIGO DE CONTRATO");
//        }

//        if (fv.isEmpty(document.getElementById("ProveedorAutocompletado").value)){
//            fv.raiseError("Por favor ingrese un CODIGO DE CONTRATO");
//        }

//        //validar tabla
//        if (validarTabla() === false){
//            fv.raiseError("Por favor ingrese un datos en la tabla");
//            alert("Por favor ingrese datos en la tabla");
//            //document.getElementById("errorTabla").innerHTML = "ingrese datos en la tabla";
//        }

//        if (fv.isEmpty(document.getElementById("FechaRegistroR").value)) {
//            fv.raiseError("Por favor ingrese la FECHA");
//            document.getElementById("errorFechaRegistroR").innerHTML = "";
//        }

//        if (fv.isEmpty(document.getElementById("FechaInicialR").value)) {
//            fv.raiseError("Por favor ingrese la FECHA");
//            document.getElementById("errorFechaInicialR").innerHTML = "";
//        }

//        if (fv.isEmpty(document.getElementById("FechaFinalR").value)) {
//            fv.raiseError("Por favor ingrese la FECHA");
//            document.getElementById("errorFechaFinalR").innerHTML = "";
//        }

//        if (fv.numErrors() < 1) {
            console.log(enviarRegistroContratoPreventivo);

            var jsonData = JSON.stringify(enviarRegistroContratoPreventivo);

            $.ajax({
                type: "POST",
                data: jsonData,
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                url: "registrarContratoPreventivo",
                beforeSend: esperarRegistroCP,
                success: llegadaRegistroCP
            });
            return true;
//        }
//        else {
//            //fv.displayErrors();
//            return false;
//        }
}

function esperarRegistroCP() {

}

function llegadaRegistroCP(data) {
    ultimo_id = data.contrato.id_contrato_preventivo;
    if (data.contrato.conexion != "contrato_x_mantenible") {
        //alert('CONEXION: ' + data.contrato.conexion);
    }
    //alert('ultimo_id: ' + ultimo_id);
    //if (data.contrato.conexion == "Se ingreso correctamente el Contrato Preventivo") {
        //window.history.back();
    //}
}

//--------------------------------------------------------ELIMINAR-------------------------------------------
function eliminarContratoPreventivo() {
    if ($("input:radio[name='RCP']").is(":checked")){
        var idContrato;
        $("input:radio[name='RCP']:checked").parents("tr").children("td").each(function (index2) {
            switch (index2) {
                        case 1:
                            idContrato = $(this).text();
                            break;
                    }
        })

        var question = confirm("Desea eliminar el mantenimiento preventivo seleccionado");

        if (question != 0) {
            var enviar = {
                id_contrato_preventivo: idContrato
            }

            var jsonData = JSON.stringify(enviar);

            $.ajax({
                type: "POST",
                data: jsonData,
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                url: "eliminarContratoPreventivo",
                beforeSend: esperarEliminarContratoPreventivo(),
                success: llegadaEliminarContratoPreventivo
            });
        }
    }
    else {
        alert("Debe seleccionar una fila");
    }

}

function esperarEliminarContratoPreventivo() {
}

function llegadaEliminarContratoPreventivo(data) {
    alert("Eliminación correcta");
    buscarContratoPreventivo();
}



//--------------------------------------------------------BUSQUEDA-------------------------------------------
function LimpiarBusquedaCP() {
    document.getElementById("EdificioAutocompletadoB").value = "";
    document.getElementById("ProveedorAutocompletadoB").value = "";
    document.getElementById("FechaInicioB").value = "";
    document.getElementById("FechaFinB").value = "";
}


//Edificio autocompletado
$(function () {
    $("#EdificioAutocompletadoB").autocomplete({
        source: function (request, response) {
            $.ajax({
                type: "POST",
                data: { Nombre: $("#EdificioAutocompletadoB").val() },
                dataType: "json",
                url: "cargarEdificios",
                success: function (data) {
                    response($.map(data.listaEdificio, function (item) {
                        return {
                            label: item.Nombre,
                            name: item.Id_Edificio
                        }
                    }));
                }
            });
        },
        minLength: 3,
        open: function () {
            $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
        },
        close: function () {
            $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
        }
    });
});


//proveedor autocompletado
$(function () {
    $("#ProveedorAutocompletadoB").autocomplete({
        source: function (request, response) {
            $.ajax({
                type: "POST",
                data: { NombreProveedor: $("#ProveedorAutocompletadoB").val() },
                dataType: "json",
                url: "cargarProveedores",
                success: function (data) {
                    response($.map(data.listaProveedores, function (item) {
                        return {
                            value: item.NombreProveedor,
                            name: item.id_proveedor
                        }
                    }));
                }
            });
        },
        minLength: 2,
        open: function () {
            $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
        },
        close: function () {
            $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
        }
    });
});


//modal modificar contrato preventivo
$(function () {
    var nameB = $("#nameB"),
        emailB = $("#emailB"),
        passwordB = $("#passwordB"),
        allFields = $([]).add(nameB).add(emailB).add(passwordB),
        tips = $(".validateTips");

    function updateTips(t) {
        tips
                .text(t)
                .addClass("ui-state-highlight");
        setTimeout(function () {
            tips.removeClass("ui-state-highlight", 1500);
        }, 500);
    }
    $("#modalModificarCP").dialog({
        autoOpen: false,
        height: 600,
        width: 850,
        modal: true,
        buttons: {
            "Aceptar": function () {
                var enviar = {
                    id_contrato_preventivo: $("#CodigoDocumentoModificar").attr("value"),
                    id_edificio: $("#EdificioModificar").attr("name"),
                    id_proveedor: $("#ProveedorModificar").attr("name"),
                    fecha_registro: $("#FechaModificar").attr("value"),
                    fecha_inicial: $("#FechaInicioModificar").attr("value"),
                    fecha_final: $("#FechaFinModificar").attr("value"),
                    periodo: $("#SelectPeriodoModificar").attr("value"),
                    descripcion: $("#DescripcionM").attr("value")
                }

                fv = new formValidator();

                //borrarErroresModificar()

//                if (fv.isEmpty(document.getElementById("FechaModificar").value)) {
//                    fv.raiseError("");
//                }

//                if (fv.isEmpty(document.getElementById("FechaInicioModificar").value)) {
//                    fv.raiseError("");
//                }

//                if (fv.isEmpty(document.getElementById("FechaFinModificar").value)) {
//                    fv.raiseError("");
//                }

                if (fv.isEmpty(document.getElementById("SelectPeriodoModificar").value)) {
                    fv.raiseError("");
                }

                if (fv.numErrors() === 0) {
                    var jsonData = JSON.stringify(enviar);
                    $.ajax({
                        type: "POST",
                        data: jsonData,
                        dataType: "json",
                        contentType: "application/json; charset=utf-8",
                        url: "modificarContratoPreventivo",
                        success: function (data) {
                            alert(data.me);
                            buscarContratoPreventivo();
                        }
                    });
                    $(this).dialog("close");
                }
                else {
                    //  fv.displayErrors();
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });

    $("#botonModificarCPB").click(function () {
        if ($("input:radio[name='RCP']").is(":checked")) {
            $("#modalModificarCP").dialog("open");
            var bValid = true;
            allFields.removeClass("ui-state-error");
            if (bValid) {
                if ($("input:radio[name='RCP']:checked")) {
                    var idContrato, nombreEdificio, idEdificio, nombreProveedor, idProveedor, fecha, periodo, descripcion, fecha_inicial, fecha_final;
                    $("input:radio[name='RCP']:checked").parents("tr").children("td").each(function (index2) {
                        switch (index2) {
                            case 1:
                                idContrato = $(this).text();
                                break;
                            case 2:
                                nombreEdificio = $(this).text();
                                break;
                            case 3:
                                idEdificio = $(this).text();
                                break;
                            case 4:
                                nombreProveedor = $(this).text();
                                break;
                            case 5:
                                idProveedor = $(this).text();
                                break;
                            case 6:
                                fecha = $(this).text();
                                break;
                            case 7:
                                periodo = $(this).text();
                                break;
                            case 8:
                                descripcion = $(this).text();
                                break;
                            case 9:
                                fecha_inicial = $(this).text();
                                break;
                            case 10:
                                fecha_final = $(this).text();
                                break;
                        }
                    })
                    //alert(idContrato + ' - ' + nombreEdificio + ' - ' + idEdificio + ' - ' + nombreProveedor + ' - ' + idProveedor + ' - ' + fecha + ' - ' + periodo + $("input:radio[name='R1']:checked").val());
                    document.getElementById("CodigoDocumentoModificar").value = idContrato;
                    document.getElementById("EdificioModificar").value = nombreEdificio;
                    document.getElementById("EdificioModificar").name = idEdificio;
                    document.getElementById("ProveedorModificar").value = nombreProveedor;
                    document.getElementById("ProveedorModificar").name = idProveedor;
                    document.getElementById("FechaModificar").value = fecha;
                    document.getElementById("FechaInicioModificar").value = fecha_inicial;
                    document.getElementById("FechaFinModificar").value = fecha_final;
                    jQuery("#SelectPeriodoModificar option").each(function () {
                        jQuery(this).attr("selected", "selected");
                        if (jQuery(this).val() == periodo) {
                            jQuery(this).attr("selected", "selected");
                            return false;
                        }
                    });
                    document.getElementById("DescripcionModificar").value = descripcion;
                }
            }
        }
        else {
            alert("Debe seleccionar una fila");
        }
    });

});

function esperarListaCP() {
}

function buscarContratoPreventivo() {

    var enviar = {
        NombreEdificio: $("#EdificioAutocompletadoB").val(),
        NombreProveedor: $("#ProveedorAutocompletadoB").val(),
        fecha_inicial: $("#FechaInicioB").val(),
        fecha_final: $("#FechaFinB").val()
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarContratoPreventivo",
        beforeSend: esperarListaCP(),
        success: llegadaListaCP
    });
}

function llegadaListaCP(data) {
    console.log(data);
    var lista = data.ListaContratoPreventivo;
    var escritor = "";
    if (lista.length > 0) {
        escritor += "<table id='tablaContratoPreventivo'>" +
                    "<thead>" +
                        "<th class=" + "\"style1\" " + "style=" + "\"width:30px;\" " + "></th>" +
                        "<th>Cod. Contrato</th>" +
                        '<th>Edificio</th>' +
                        '<th style=\"display:none\">idEdificio</th>' +
                        "<th>Proveedor</th>" +
                        '<th style=\"display:none\">idProveedor</th>' +
                        "<th>Fecha Registro</th>" +
                        "<th>Periodo</th>" +
                        '<th style="display:none">Descripcion</th>' +
                        '<th style="display:none">Fecha Inicio</th>' +
                        '<th style="display:none">Fecha Fin</th>' +
                        '<th></th>' +
        //"<th class=" + "\"style1\" "+ "style="+"\"width:30px;\" "+"></th>"+
                    "</thead>";
        escritor += '<tbody id="bodyContratoPreventivo">';

        $.each(lista, function (i, item) {
            escritor += "<tr>";
            escritor += "<td class=" + "\"style1\"" + " style=" + "\width:30px;\"" + " align=" + "\"center\"" + "><input id=" + "\"RadioButton1\"" + " name=" + "\"RCP\"" + " type=" + "\"radio\"" + " value=" + "\"1\"" + " style=" + "\"width:30px;\"/></td>";
            escritor += '<td "style="+"\"width:auto;\">' + item.id_contrato_preventivo + '</td>';
            escritor += '<td>' + item.NombreEdificio + '</td>';
            escritor += '<td style="display:none">' + item.id_edificio + '</td>';
            escritor += '<td style="width:auto;">' + item.NombreProveedor + '</td>';
            escritor += '<td style="display:none">' + item.id_proveedor + '</td>';
            escritor += '<td style="width:auto;">' + item.fecha_registro + '</td>';
            escritor += '<td style="width:auto;">' + item.periodo + '</td>';
            escritor += '<td style="display:none">' + item.descripcion + " " + '</td>';
            escritor += '<td style="display:none">' + item.fecha_inicial + '</td>';
            escritor += '<td style="display:none">' + item.fecha_final + '</td>';
            escritor += '<td class="style1" style="width:30px;" align="center"><button class="Detalle" id="Detalle'+ (i+1) +'" style="margin-left:auto; margin-right:auto;">Detalle Contrato</button></td>';
            //escritor += "<td class="+"\"style1\""+ " style="+"\width:30px;\""+" align="+"\"center\""+"><input id="+"\"RadioButton1\""+" name="+"\"R1\""+ " type="+"\"radio\""+" value="+"\"1\""+" style="+"\"width:30px;\"/></td>";
            escritor += "</tr>";
        });

        escritor += "</toby>";

        escritor += "</table>";
        $("#TablaDinamicaBusquedaCP").html(escritor);

        var total = $(".Detalle").length;
        for (var j = 1; j <= total; j++) {
            formatoDetalle('Detalle' + j);
            modificarDetalle('Detalle' + j);
        }

        if (lista.length > 0) {
            $("#holderCP").jPages({
                containerID: "bodyContratoPreventivo",
                perPage: 10,
                delay: 20,
                startPage: 1,
                midRange: 3,
                animation: "flipInY"
            });
            $("#holderCP").show();
            $("#botonModificarCPB").show();
            $("#botonEliminarCPB").show();
        }
    } else {
        escritor = "<p>No se encontró ninguna coincidencia</p>";
        $("#TablaDinamicaBusquedaCP").html(escritor);
        $("#holderCP").hide();
        $("#botonModificarCPB").hide();
        $("#botonEliminarCPB").hide();
    }
}

function formatoDetalle(detalle) {
    $('#' + detalle).button({
        icons: {
            primary: "ui-icon-pencil"
        },
        text: false
    });
}

function formatoAgregar(detalle) {
    $('#' + detalle).button({
        icons: {
            primary: "ui-icon-search"
        },
        text: false
    });
}
//modificar detalle.....
function modificarDetalle(idBuscar) {
    var nameB = "",
        emailB = "",
        passwordB = "",
        allFields = $([]).add(nameB).add(emailB).add(passwordB),
        tips = $(".validateTips");

    function updateTips(t) {
        tips
                .text(t)
                .addClass("ui-state-highlight");
        setTimeout(function () {
            tips.removeClass("ui-state-highlight", 1500);
        }, 500);
    }

    $("#modalDetalle").dialog({
        autoOpen: false,
        height: 600,
        width: 850,
        modal: true,
        buttons: {
            "Aceptar": function () {
                var bValid = true;
                allFields.removeClass("ui-state-error");
                if (bValid) {
                    if (true) {
                        var idContrato, nombreEdificio, idEdificio, nombreProveedor, idProveedor, fecha, periodo, descripcion, fecha_inicial, fecha_final;
                        $("Detalle" + idBuscar).parents("tr").children("td").each(function (index2) {
                            switch (index2) {
                                case 1:
                                    idContrato = $(this).text();
                                    break;
                                case 2:
                                    nombreEdificio = $(this).text();
                                    break;
                                case 3:
                                    idEdificio = $(this).text();
                                    break;
                                case 4:
                                    nombreProveedor = $(this).text();
                                    break;
                                case 5:
                                    idProveedor = $(this).text();
                                    break;
                                case 6:
                                    fecha = $(this).text();
                                    break;
                                case 7:
                                    periodo = $(this).text();
                                    break;
                                case 8:
                                    descripcion = $(this).text();
                                    break;
                                case 9:
                                    fecha_inicial = $(this).text();
                                    break;
                                case 10:
                                    fecha_final = $(this).text();
                                    break;
                            }
                        })
                        //alert(idMantenible + ' - ' + nombreMantenible + ' - ' + tipoMantenible + ' - ' + areaComun);
                        //alert("idMantenible" + idBuscar);
                        var numero = document.getElementById("numDetalle").innerHTML;
//                        if (existeMantenible(idMantenible)) alert("Ya se escogio este mantenible");
//                        else {
//                            document.getElementById("idMantenible" + numero).innerHTML = idMantenible;
//                            document.getElementById("NombreMantenible" + numero).innerHTML = nombreMantenible;
//                            document.getElementById("TipoMantenible" + numero).innerHTML = tipoMantenible;
//                            document.getElementById("AreaComun" + numero).innerHTML = areaComun;
//                            $(this).dialog("close");
//                        }
                    }
                    else {
                        alert("Debe seleccionar una fila");
                    }
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });

    $("#" + idBuscar).click(function () {
        //if ($("#EdificioAutocompletado").val() != "") {
            document.getElementById("numDetalle").innerHTML = idBuscar;
            var idContrato, nombreEdificio, idEdificio, nombreProveedor, idProveedor, fecha, periodo, descripcion, fecha_inicial, fecha_final;
            //alert(idBuscar);
            $("#" + idBuscar).parents("tr").children("td").each(function (index2) {
                switch (index2) {
                    case 1:
                        idContrato = $(this).text();
                        break;
                }
            })
            //alert(idContrato);
            verDetalle(idContrato);
            //document.getElementById("EdificioMant").value = $("#EdificioAutocompletado").val();
            //document.getElementById("EdificioMant").name = $("#EdificioAutocompletado").attr("name");
            //selectAreaComun($("#EdificioAutocompletado").attr("name"));
            //alert(idBuscar);
            $("#modalDetalle").dialog("open");
        //}
        //else alert('Debe ingresar un edificio');
    });

};

function esperarListaDetalleCP() {
}

function verDetalle(idContrato) {

    var enviar = {
        id_contrato_preventivo: idContrato,
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "verDetalleContrato",
        beforeSend: esperarListaDetalleCP(),
        success: llegadaListaDetalleCP
    });
}

function llegadaListaDetalleCP(data) {
    console.log(data);
    var lista = data.ListaContratoPreventivo;
    var escritor = "";
    if (lista.length > 0) {
        escritor += "<table id='tablaVerDetalleContrato'>" +
                    "<thead>" +
                        "<th class=" + "\"style1\" " + "style=" + "\"width:30px;\" " + "></th>" +
                        "<th>Cod. Contrato</th>" +
                        '<th style="display:none">idMantenible</th>' +
                        '<th>Mantenible</th>' +
                        '<th>Fecha Inicio</th>' +
                        '<th>Fecha Fin</th>' +
                        '<th></th>' +
        //"<th class=" + "\"style1\" "+ "style="+"\"width:30px;\" "+"></th>"+
                    "</thead>";
        escritor += '<tbody id="bodyVerDetalleContrato">';

        $.each(lista, function (i, item) {
            escritor += "<tr>";
            escritor += "<td class=" + "\"style1\"" + " style=" + "\width:30px;\"" + " align=" + "\"center\"" + "><input id=" + "\"RadioButton1\"" + " name=" + "\"RCP\"" + " type=" + "\"radio\"" + " value=" + "\"1\"" + " style=" + "\"width:30px;\"/></td>";
            escritor += '<td "style="+"\"width:auto;\">' + item.id_contrato_preventivo + '</td>';
            escritor += '<td style="display:none">' + item.id_mantenible + '</td>';
            escritor += '<td>' + item.NombreMantenible + '</td>';
            escritor += '<td>' + item.fecha_inicial + '</td>';
            escritor += '<td>' + item.fecha_final + '</td>';
            escritor += '<td class="style1" style="width:30px;" align="center"><button class="Detalle" id="Agregar'+ (i+1) +'" style="margin-left:auto; margin-right:auto;">Agregar Mantenible</button></td>';
            //escritor += "<td class="+"\"style1\""+ " style="+"\width:30px;\""+" align="+"\"center\""+"><input id="+"\"RadioButton1\""+" name="+"\"R1\""+ " type="+"\"radio\""+" value="+"\"1\""+" style="+"\"width:30px;\"/></td>";
            escritor += "</tr>";
        });

        escritor += "</toby>";

        escritor += "</table>";

        $("#tablaDinamicaMantenibleDetalle").html(escritor);

        var total = $(".Detalle").length;
        for (var j = 1; j <= total; j++) {
            formatoAgregar('Agregar' + j);
            //agregarMantenible('Agregar' + j);
        }

        if (lista.length > 0) {
            $("#holderMantenibleDetalle").jPages({
                containerID: "bodyVerDetalleContrato",
                perPage: 10,
                delay: 20,
                startPage: 1,
                midRange: 3,
                animation: "flipInY"
            });
            $("#holderMantenibleDetalle").show();
            $("#botonModificarCPB").show();
            $("#botonEliminarCPB").show();
        }
    } else {
        escritor = "<p>No se encontró ninguna coincidencia</p>";
        $("#tablaDinamicaMantenibleDetalle").html(escritor);
        $("#holderMantenibleDetalle").hide();
    }
}